$w : 100%;
$wn : 996px;

.zoomWindowContainer{
    width: 485px !important;
    height: 485px !important;
     .zoomWindow{
    width: 485px !important;
    height: 485px !important;
    border: none !important;
    }
}
    
    
//更多精彩
.car_in{
    width: $w;
    height: 350px;
    .ci_warp{
        width: $wn;
        height: 360px;
        margin: 0 auto;
        overflow: hidden; 
        .cart_carousel{
            width: 1340px;
            height: 360px;
            position: relative;
            h4{
               font-size: 14px;
               color: #626262;
               font-weight: bold;
            }
            ul{
                position: absolute;
                width: 1340px;
                left: 0;
            }
            .cart_carousel_list{
                width: 325px;
                height: 325px;
                position: relative;
                margin: 10px 10px 0 0;
                overflow: hidden;
                float: left;
                img{
                    width: 325px;
                    height: 325px;
                    transition: all 1s;
                    &:hover{ 
                        transform: scale(1.1);
                    } 
                }
                .cart_detail{
                    position: absolute;
                    bottom: 0;
                    width: 325px;
                    height: 52px;
                    background: #87d0e3;
                    font-size:12px ;
                    color: #ffffff;
                    padding: 0 15px;
                    p:first-child{
                        line-height: 27px;
                    }
                    .price{
                        font-weight: bold;
                        display: inline-block;
                        float: right;   
                    }
                    
                }
            }
        }
    }
} 
.operation{
    width: $w;
    height: 485px;
    height: 485px;
    .o_warp{
        width: $wn;
        margin: 0 auto;
        .o_left{
            width: 485px;
            height: 485px;
            float: left;
        }
        .right{
            width: 485px;
            height: 485px;
            float: right;
            h2{
                font-size: 20px;
                height: 30px;
                color: #2093cc; 
                font-weight: bold;
                margin-top: 12px;
            }
            p{
                color: #2093cc; 
                font-size: 12px;
                line-height: 26px;
                #price{
                    display: inline-block;
                    float: right;
                    font-size: 20px;
                    font-weight: bold;
                    color: #2093cc;
                }
            }
            form{
                width: 485px;
                height: 127px;
                .div{
                    width: 237px;
                    height: 50px;
                    float: left; 
                    padding-left: 20px;
                    margin-top: 14px;
                    background: #87d0e3;
                    color: #FFF;
                    font-size: 12px;
                    color: #FFFFFF;
                    line-height: 50px;
                    .increment,.decrement{
                        line-height: 25px;
                        border: 1px solid #FFFFFF;
                        display: inline-block;
                        text-align: center;
                        width: 25px;
                        height: 25px;
                        cursor: pointer;
                    }
                    #amount{ 
                        width: 25px;
                        height: 25px;
                        text-align: center;
                        line-height: 25px;
                        border: 1px solid #FFFFFF;
                        background: #FFFFFF;
                        color: #87D0E3;
                    }
                   
                }
                .select_box{
                        
                    position: relative;
                     .select{ 
                         line-height: 25px;
                         color: #4fa9d7;
//                      display: block;
                        top: 12px;
                        right: 12px;
                        position: absolute;
                        width: 170px;
                        height: 25px;
                        background: #fff;
                        span{
                            padding-left:10px ;
                        }
                        i{
                            width: 12px;
                            height: 22px;
                            background: url(../images/bj_1.png)no-repeat;
                            background-position:-40px 0px ;
                            position: absolute;
                            right: 0;
                            top: 0;
                        }
                        .select_xl{
                            display: none;
                            bottom: -75px;
                            position: absolute;
                            width: 170px;
                            height: 75px;
                            background: #f6f6f6;
                            overflow-y: scroll; 
                            .select1,.select2{
                                &:hover{
                                    background: #4fa9d7;
                                    color: #FFFFFF;
                                }
                            }
                        }
                        
                    }
                    .select:hover .select_xl{
                        display: block;
                    }
                    
                }
                ._left{ 
                    margin-left:11px;
                    text-align: center;
                    padding-left: 0;
                    a{
                        font-size: 12px;
                        color: #FFFFFF;
                        
                    }
                }
            }
        }
    }
}

//商品详情
.detail_xx{
    width: $w;
    padding-bottom: 15px;
    .d_warp{
        background: #ededed;
        width: $wn;
        margin: 0 auto;
        img{
            width: 996px;
        }
    }
} 